<template>
  <div >
    <div class="title-text"> <span>欢迎来到绿地安全卫士</span> </div>

      <div class="app-code">
      <transition name="el-fade-in-linear">
            <img src="../../assets/image/app-code.png" alt="app下载二维码" v-show="showCode">
      </transition>
      </div>
     <el-button type="success" round size="medium" class="buton" @click="showCode=!showCode">点击下载 App</el-button>
  </div>
</template>

<script>
export default {
  name: 'home',
  props: {
    msg: String
  },
  data() {
    return {
      showCode:false
    }
  },
  methods: {
    aaa(){
      this.$router.push("/")
    }
  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped >
.app-code{
  opacity: 0.95;
}
.title-text{
  margin-top: 20px;
}
.title-text span{
  color: #ffffff;
  font-size: 50px;
}
.buton{
  width: 150px;
  height: 50px;
}
h3 {
  margin: 40px 0 0;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>
